.form-wrapper{
    position:absolute;
    background-color: #fff;
    left:0;
    top:0;
    right:0;
    bottom:0;
    display:flex;
    align-items:center;
    .form-box{
        width:320px;
        height: 220px;
        border: 1px solid #ddd;
        background-color: #fff;
        margin: 0 auto;
        border-radius: 8px;
        padding: 15px;
        box-sizing: border-box;
        .from-error{
            width:100%;
            padding: 5px 20px;
            color: red;
            font-size: 12px;
        }
        .form-items{
            width: 100%;
            margin-bottom: 15px;
            padding:  10px;
            text-align: center;
            box-sizing: border-box;
            font-size: 14px;
            input{
                outline: 0;
                border: 1px solid #ddd;
                border-radius: 5px;
                padding: 6px 10px;
            }
            button{
                outline: 0;
                border: 1px solid #ddd;
                border-radius: 5px;
                width:74%;
                padding: 6px 10px;
                background-color: #999;
                color: #fff;
                cursor: pointer;
                font-size: 16px;
                &:hover{
                    background-color: #666;
                }
            }
        }
    }
}
